import React, { FC } from 'react';

import { Icon } from '@/components/Uikit/Icon';

interface Props {
  className: string;
  isChcked: boolean;
}

const ProcessCheckedIcon: FC<Props> = ({ className = '', isChcked = false }) => {
  return (
    <i
      className={`flex flex-center rounded-[50%] text-white ${className}`}
      style={{
        background: isChcked ? 'linear-gradient(180deg, #FDED4E 0%, #CF4025 100%)' : 'var(--mantine-color-bgColor-9)',
      }}
    >
      <Icon icon="local:check" className="text-6" />
    </i>
  );
};

export default ProcessCheckedIcon;
